<template>
  <div id="SubsidyApplication">
    <div class="top">
      <img
        style="width: 80%; margin: 0 auto"
        src="https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/YPC/13.png"
      />
      <p>
        <span
          style="
            width: 31%;
            display: inline-block;
            text-align: left;
            padding-left: 2%;
          "
          >危改申请</span
        >
        <span style="width: 31%; display: inline-block; text-align: center"
          >农户危改整治</span
        >
        <span style="width: 31%; display: inline-block; text-align: center"
          >困难家庭补助申请</span
        >
      </p>
    </div>
    <div class="content">
      <div class="formStyle">
        <van-field
          readonly
          v-model="row.SQR"
          label="申请农户姓名"
          name="validator"
        />
      </div>
      <div class="formStyle">
        <van-field
          readonly
          v-model="row.ZJH"
          label="身份证号码"
          name="validator"
        />
      </div>
      <div class="formStyle">
        <van-field
          readonly
          v-model="row.SJH"
          label="联系电话"
          name="validator"
        />
      </div>
    </div>
    <!--<img src="https://nfzjszlb.jst.zj.gov.cn/serverfile/zheliban/icon/ZLJ/tb.png" class="banner" alt="">-->
    <div class="bottom">
      <p>请确保资料真实有效，我们会第一时间受理您的建房申请</p>
      <van-button type="info" size="normal" @click="bzsq()" round>
        发起补助申请
      </van-button>
    </div>
  </div>
</template>

<script>
export default {
  name: "SubsidyApplication",
  data() {
    return {
      row: "",
      formData: {},
    };
  },
  watch: {},
  methods: {
    bzsq() {
      //保存相关信息
      this.$toast.success("成功！");
      setTimeout(() => {
        this.$router.push({
          path: "/TreeSelectAutoSend",
          query: { data: this.row, list: true }
        });
      }, 500);
    },
    save(){
      //
    },
  },
  mounted() {
    this.row = JSON.parse(this.$route.query.data);
  },
};
</script>
<style scoped lang="scss">
#SubsidyApplication {
  width: 100%;
  height: 100vh;
  background: #f6f6f6;
  .top {
    height: 100px;
    background: #ffffff;
    padding-top: 25px;
    text-align: center;
    margin-bottom: 20px;
    .origin {
      width: 22px;
      height: 22px;
      background: #007aff;
      border-radius: 50%;
      display: inline-block;
    }
    .line {
      width: 20vw;
      /*height: 1px;*/
      border: 1px dashed #007aff;
      display: inline-block;
    }
  }
  .content {
    height: calc(100vh - 230px);
    .formStyle {
      display: flex;
      justify-content: center;
      align-items: center;
      border-bottom: 1px solid #d2d2d2;
    }
  }

  .banner {
    width: 100%;
    height: auto;
  }
  .bottom {
    width: 100%;
    text-align: center;
    padding: 10px;
    p {
      color: #000;
      font-size: 14px;
      line-height: 40px;
    }
    .van-button {
      width: 100%;
    }
  }
}
</style>
